<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>店铺</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/lib/normalize.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__/mui-3.6.1.min.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__/goshop.css" />
</head>
<body>
	<header>
        <input type="hidden" value="{$ref}" id="ref">
		<div class="top-bar">

            <a href="{$ref}">
			 <div class="top-left"></div>
            </a>
			<!-- <div class="top-zhong"></div> -->
			<div class="top-right">
                <a href="/Wx/Search/shopSearch?shop_id={$shopInfo.shopId}&ref=/Wx/shop/shop/id/{$shopInfo.shopId}">
				<div class="top-right-search"></div>
                </a>
				<div id="collection" data-id="{$shopInfo.shopId}" class="top-right-follow  <if condition="$favorites">top-right-follow-sel</if>"  onclick="<if condition="$isLogin">favorites()<else/>mui.toast('请先登录')</if>" ></div>
			</div>
		</div>
	</header>
    <div class="zhezhao"></div>
	<div id="main" data-shopid="{$shopInfo.shopId}">
        <if condition="$isLogin">
            <input id="isLogin" type="hidden" value="{$isLogin}"/>

        </if>
        <input id="uId" type="hidden" value="{$Think.session.oto_userId}"/>
        <input id="sId" type="hidden" value="{$shopInfo.shopId}"/>
		<div class="shop-info">
			<div class="shop-info-left">
				<div class="shop-img"><img src="/{$shopInfo.shopImg}" alt="" style="border-radius:100%"></div>
			</div>
			<div class="shop-info-right">
				<div class="shop-name">{$shopInfo.shopName}</div>
				<div class="shop-label"><span>{$shopInfo.deliveryStartMoney}元起送</span>｜<span>{$shopInfo.deliveryMoney}元配送费</span>｜<span>{$shopInfo.deliveryCostTime}分钟</span></div>
				<div class="shop-events">满{$shopInfo.deliveryFreeMoney}包邮</div>
			</div>
		</div>
		<div class="main-content">
			<div class="main-tab-box">
				<div class="main-tab main-tab-1 main-tab-sel">商品</div>
				<div class="main-tab main-tab-2">评价</div>
				<div class="main-tab main-tab-3">商家</div>
			</div>

          <div class="b-main-section">
    			<div class="main-section main-goods-section" style="">
                   <div style="overflow: hidden;">
                      <div class="main-goods-section-l">
                          <ul>
                            <!-- <li class="main-goods-section-l-active">专场</li> -->
                            <foreach name="cate" item="v">
                              <li data-id="{$v['catId']}">{$v['catName']}</li>
                            </foreach>
                          </ul>
                      </div>
                        <!-- 商品列表 -->
                      <div class="main-goods-section-r">
                        <foreach name="cate" item="v">
                         <div class="main-goods-section-cnt">


                        </div>
                        </foreach>
                      </div>

                        <div class="gwc-tan">
                         <div id="delGoods" class="gwc-tan1"><img class="trash" src="__IMG__/search/trash.png"/>清空购物车</div>
                        <div id="carGoods">
                        <foreach name="cartList" item="v">
                         <div data-id="{$v.goodsId}" class="gwc-ttab">
                             <div class="jd">{$v.goodsName}{$v.attrName}</div>
                             <div>
                                 <div class="jd-m dj">￥{$v.shopPrice}</div>
                                 <div class="sfq">
                                      <div class="jian" style="display: block">-</div>
                                      <input data-info='{ "goodsId":"{$v.goodsId}" <if condition="$v['attrId']">,"goodsAttrId":"{$v['attrId']}"</if> }' max="{$v.goodsStock}" class="v-jg" type="number" disabled readonly unselectable="on" value="{$v.cnt}" />
                                      <div class="jia">+</div>
                                 </div>
                             </div>
                         </div>
                        </foreach>
                        </div>
                      </div>

                      <div class="main-goods-section-bot">
                          <div class="gwc "><img class="gwc-dj" src="__IMG__/search/gwc@2x.png"/><span class="gwc-circle">{$number|default=0}</span></div>
                          <div class="js-jg">¥{$totalMoney|default=0}</div>
                          <if condition="$close || $shopAtive==0">
                            <div class="qjs" style=" background: #9e9e9e;" onclick="shopClose()" >已打烊</div>
                          <else/>
                            <div class="qjs" onclick="<if condition="$isLogin">goShop({$shopInfo.deliveryStartMoney});<else/>toLogin()</if>" >去结算</div>
                          </if>

                      </div>
                   </div>
                </div>

          <!-- 评分 -->
    			<div class="main-section main-comment-section" style="display: none;">
                     <div class="main-comment-section-1">
                         <div class="main-comment-section-l">
                             <p>{$shopComment['score']}</p>
                             <p>综合评分</p>
                         </div>
                         <div class="main-comment-section-r">
                             <div id="zhpf" data-score="{$shopComment['goodsScore']}">
                                 <span>商品评分</span>
                                 <span><span class="setStart"><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_05@2x.png"/><img src="__IMG__/icon_star_0@2x.png"/></span></span>
                                 <span>{$shopComment['goodsScore']}</span>
                            </div>

                            <div id="pspf" data-score="{$shopComment['timeScore']}">
                                 <span>配送评分</span>
                                 <span><span class="setStart"><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_05@2x.png"/><img src="__IMG__/icon_star_0@2x.png"/></span></span>
                                 <span>{$shopComment['timeScore']}</span>
                            </div>
                         </div>
                     </div>

                     <div class="main-comment-section-tab">
                           <div class="main-comment-section-tab-top">
                                <div class="showAll main-comment-section-tab-top-active">全部({$shopComment['count']})</div>
                                <div class="manyi">满意({$shopComment['satisfied']})</div>
                                <div class="bumanyi">不满意({$shopComment['unSatisfied']})</div>
                           </div>
                     </div>
                     <div>
                        <div class="hys-pflb">
                            <foreach name="shopComment['root']" item="v">
                             <div class="pflb <if condition="$v['isOk'] == 1">satisfied<else/>unSatisfied</if>" data-score="{$v['serviceScore']}">
                                 <div class="b-nmyh"><div class="nmyh">{$v['userName']}</div><div class="pjsj">{$v['createTime']}</div></div>
                                 <span class="fwpf">服务评分: </span><span class="setStart"><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_05@2x.png"/><img src="__IMG__/icon_star_0@2x.png"/></span>
                                 <div class="xxsc">{$v['content']}</div>
                             </div>
                             </foreach>
                        </div>

                        <!-- <div class="hys-pflb">

                             <div class="pflb" data-score="{$v['serviceScore']}">
                                 <div class="b-nmyh"><div class="nmyh">{$v['userName']}</div><div class="pjsj">{$v['createTime']}</div></div>
                                 <span class="fwpf">服务评分: </span><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_05@2x.png"/><img src="__IMG__/icon_star_0@2x.png"/>
                                 <div class="xxsc">{$v['content']}</div>
                             </div>

                        </div>

                        <div class="hys-pflb">

                             <div class="pflb" data-score="{$v['serviceScore']}">
                                 <div class="b-nmyh"><div class="nmyh">{$v['userName']}</div><div class="pjsj">{$v['createTime']}</div></div>
                                 <span class="fwpf">服务评分: </span><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_1@2x.png"/><img src="__IMG__/icon_star_05@2x.png"/><img src="__IMG__/icon_star_0@2x.png"/>
                                 <div class="xxsc">{$v['content']}</div>
                             </div>
                        </div> -->
                     </div>
                </div>

    			<div class="main-section main-shop-section" style="display: none;">
    				<div class="main-shop-section-1">
    					<div class="section-table">
    						<div class="section-label" style="padding-left: 12px;text-indent: -12px;">
    							<div class="section-label-top">{$shopInfo.deliveryStartMoney}<span>元</span></div>
    							<div class="section-label-bottom">起送价</div>
    						</div>
    						<div class="section-label">
    							<div class="section-label-top">{$shopInfo.deliveryMoney}<span>元</span></div>
    							<div class="section-label-bottom">配送费</div>
    						</div>
    						<div class="section-label" style="padding-right: 12px;text-indent: 12px;">
    							<div class="section-label-top">{$shopInfo.deliveryCostTime}<span>分钟</span></div>
    							<div class="section-label-bottom">平均配送时间</div>
    						</div>
    					</div>
    				</div>

    				<div class="main-shop-section-2">
    					<div class="section-info section-info-1"><span>服务时间: {$shopInfo.serviceStartTime}-{$shopInfo.serviceEndTime}</span></div>
    					<div class="section-info section-info-2"><span>商家电话：{$shopInfo.shopTel}</span><a href="tel:{$shopInfo.shopTel}"><b></b></a></div>
    					<div class="section-info section-info-3"><span>商家地址：{$shopInfo.shopAddress}</span></div>
    				</div>

    				<!-- <div class="main-shop-section-3">
    					<div class="section-info section-info-title"><span>参与的活动</span></div>
    					<div class="section-info section-info-1"><span>新用户下单立减10元</span></div>
    					<div class="section-info section-info-2"><span>满50减12，满80减22，满100减36 （在线支付专享）</span></div>
    				</div> -->
    				<div class="footer">
    					<div class="footer-left"></div>
    					<div class="footer-right" onclick="<if condition="$isLogin">location.href='/Wx/Shop/complaint/shopId/{$shopInfo.shopId}/name/{$shopInfo['shopName']}'<else/>mui.toast('请登录')</if>">举报商家</div>
    				</div>
    			</div>
            </div>
		</div>
	</div>
</body>

<script type="text/javascript" src="__JS__/jquery2.1.1.min.js"></script>
<script src="__JS__/mui.js"></script>
<script type="text/javascript" src="__JS__/cart.js"></script>
<script type="text/javascript">
    var car = '';
    <if condition="$carInfo">
        car = {$carInfo};
    </if>
</script>
<script type="text/javascript" src="__JS__/goshop.js"></script>
</html>